<template>
	<view>
		<page-header backText="返回" showBack='true' title="账户与安全"></page-header>
		<view class="m20">
			<navigator url="" hover-class="navigator-hover">
				<list-item text="修改手机号"></list-item>
			</navigator>
			<navigator url="" hover-class="navigator-hover">
				<list-item text="设置登录密码"></list-item>
			</navigator>
			<navigator url="" hover-class="navigator-hover">
				<list-item text="支付宝绑定设置"></list-item>
			</navigator>
			<view class="m20">
				<navigator url="" hover-class="navigator-hover">
					<list-item text="注销账户" newtext="注销后无法恢复,请谨慎操作" showright="true"></list-item>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	import listItem from "../../components/listItem.vue"
	import pageHeader from "../../components/pageHeader.vue"
	export default {
		components:{
			listItem,
			pageHeader
		},
	}
</script>

<style>
.m20{margin-top: 20px;}
</style>
